<template>
  <div id="app" style="border: 3px solid black;">
    我是App组件
    <!-- 父组件，对消息进行监听 -->
    <Son :title="myTitle" @changeTitle='handleChange'></Son>
  </div>
</template>

<script>
// 添加组件
import Son from './components/Son.vue';



export default {
  data() {
    return {
      myTitle: 'hello vue'
    }
  },
  methods: {
    // 提供处理函数，提供逻辑
    handleChange(newTitle) {
      // console.log(newTitle);
      this.myTitle = newTitle
    }
  },
  components: {
    Son,
  }
}
</script>

<style></style>